<template>
  <div>
    <h2>ComA</h2>
  </div>
</template>
<script setup>
import { onActivated, onDeactivated, onMounted, onUnmounted } from 'vue';


onMounted(() => {
  console.log('onMounted');
})

onActivated(() => {
  console.log('A onActivated');
})


onDeactivated(() => {
  console.log('A onDeactivated');
})
onUnmounted(() => {
  console.log('onUnmounted');
})
</script>